<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no">
		<title>商品快照</title>
		<link rel="stylesheet" href="/static/css/style.css" />
		<style>
			body {
				width: 400px;
				height: 560px;
				margin: 0;
				font-family: "WenQuanYi Micro Hei","Microsoft YaHei";
			}
			
			.goods-pic {
				width: 400px;
				height: 565px;
				position: relative;
				background: #fff;
			}
			
			.goods-pic img {
				width: 100%;
				height: 400px;
			}
			
			.goods-pic #qrcode {
				width: 136px;
				height: 136px;
				position: absolute;
				bottom: 18px;
				right: 15px;
			}
			.goods-pic #qrcode img{
				width: 136px;
				height: 136px;
			}
			
			.goods-pic h5 {
				padding: 10px 10px 0;
				padding-right: 166px;
				margin: 0;
				line-height: 23px;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				white-space: normal !important;
				word-wrap: break-word;
				height: 56px;
				font-weight: 500;
				color: #333;
				font-size: 13px;
			}
			
			.goods-pic p {
				padding: 10px;
				line-height: 25px;
				height: 95px;
				color: #666;
				padding-right: 166px;
				margin: 0;
			}
			
			.goods-pic p span {
				display: inline-block;
				width: 50%;
				float: left;
				font-size: 13px;
			}
			
			.goods-pic p span b {
				color: #ff6405;
				font-weight: 500;
				font-size: 15px;
			}
		</style>

	</head>

	<body>

		<div class="container" id="goodsDetail">

			<div class="goods-pic">
				<img src="{{goods.pic}}" />
				<h5>{{goods.title}}
				
				</h5>
				<p>
					<span>原价：￥{{goods.org_price}}</span>
					<span>券：￥{{goods.quan_price}}</span>
					<span>券后价：￥{{goods.price}}</span>
					<span>分红：<b>￥{{goods.commission}}</b></span>
				</p>
				<div id="qrcode"></div>

			</div>

		</div>

	</body>
	<script src="/static/js/plugins/qrcode.js"></script>
	<script type="text/javascript">
		new QRCode(document.getElementById("qrcode"), "{{goods.qrcode_url}}");
	</script>

</html>